<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据表格</title>
	    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
	    <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	    <script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
	    <link rel="stylesheet" href="../js/easyui/themes/default/easyui.css"/>
	    <link rel="stylesheet" href="../js/easyui/themes/icon.css" />
	    <script type="text/javascript">
	    	
	    	$(function(){
	    		//页面加载后，对datagrid进行设置，每一个数组就是表头一行
	    		alert(11)
	    		$("#grid").datagrid({
	    			//设置表格一些属性
	    			columns :[[//二维数组可以设置多重表头
	    			   {
	    			   	 field:"id"
	    			   	 title:"编号"
	    			   	 width:100
	    			   },
	    			   {
	    			   	 field:"name"
	    			   	 title:"商品名称"
	    			   	 width:100
	    			   },
	    			   {
	    			   	 field:"price"
	    			   	 title:"价格"
	    			   	 width:100
	    			   }
	    			]]
	    		});
	    		
	    	});
	    	
	    </script>
	</head>
	<body >
		<!--
        	作者：offline
        	时间：2017-07-19
        	描述：数据表格
        -->
        <table id="grid"></table>
	</body>
</html>
